p{
	margin: 0;
	padding: 0;
}
body {
	background:url(../images/login_bg_0.jpg) #f8f6e9;
}

.signin {
	background: antiquewhite;
	margin:0 auto;
	margin-top: 0px;
	min-width: 350px;
	float: none;
	padding-bottom: 20px;
}
.img-head {
	margin:0 auto;
	padding-top:30px;
	width:120px;
	margin-bottom: 20px;
}
.signin-text {
	max-width: 330px;
  	padding-left: 15px;
  	margin: 0 auto;
  	font-size: 20px;
}
.form-signin {
  max-width: 330px;
  padding: 20px 15px 15px 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: 14px;
  border-radius: 10px;
  background: url(../images/login_user.png) 0 0 #FFFFFF no-repeat;
  padding-left:60px;
  color:black;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 10px;
  background: url(../images/login_pas.png) 0 0 #FFFFFF no-repeat;
  padding-left:60px;
  color:black;
}
.form-signin button {
  border-radius: 10px;
}
.signin-foot {
	margin: 0;
	width:100%;
	height: 15%;
	/*background-color: #C9E2B3;*/
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 15px;
	color: #7a8462;
}
.signin-foot div{
	/*width: 330px;*/
	margin: 0 auto;
}
.signin-foot ul{
	list-style: none;
}
.signin-foot
.signin-foot ul li{
	float: left;
}
/*regite*/
.regite {
/*	width:477px;*/
/*	height:479px;*/
	/*background:url(../images/login_bg.png) no-repeat;*/
	background:  #C9E2B3;
	margin:0 auto;
	margin-top: 0px;
	min-width: 390px;
	float: none;
	padding-bottom: 20px;
}
.img-head {
	margin:0 auto;
	padding-top:30px;
	width:120px;
	margin-bottom: 20px;
}
.regite-text {
	/*margin: 0;
	margin-left: 100px;
	width: 120px;*/
	max-width: 330px;
  	padding-left: 15px;
  	margin: 0 auto;
  	font-size: 20px;
}
.form-regite {
  max-width: 330px;
  padding: 20px 15px 15px 15px;
  margin: 0 auto;
}
.form-regite .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-regite .form-control:focus {
  z-index: 2;
}
.form-regite input[type="text"] {
  /*margin-bottom: 14px;*/
  border-radius: 10px;
  padding-left:60px;
  color:black;
}
.form-regite input[type="password"] {
  /*margin-bottom: 10px;*/
  border-radius: 10px;
  padding-left:60px;
  color:black;
}
.form-regite button {
  border-radius: 10px;
  
}
.myP{
  position: relative;
  z-index: 2;
  float: none;
  top: -30px;
  right: -270px;
  margin-right: 20px;
}
.myP1{
  position: relative;
  z-index: 2;
  float: none;
  top: -30px;
  right: -270px;
  margin-right: 20px;
}
.myText{
  position: relative;
  z-index: 2;
  float: none;
  top: -15px;
  left: 15px;
  color:  #555555;
}
/*滑动验证码*/
/* 滑动控件容器,亮灰色背景 */
        #dragContainer {
            position: relative;
            display: inline-block;
            background: #e8e8e8;
            width: 300px;
            height: 40px;
            border: 2px solid #e8e8e8;
			/** 下面两行用来让控件整体水平居中（不需要可删）*/
			left: 50%;
			transform: translate(-50%);
        }
        /* 滑块左边部分,绿色背景 */
        #dragBg {
            position: absolute;
            background-color: #7ac23c;
            width: 0px;
            height: 100%;
        }
        /* 滑动验证容器文本 */
        #dragText {
            width: 100%;
            height: 100%;
			/** absolute是为了让它不占地方 */
			position: absolute;
			/** flex布局可以让它居中 */
			display: flex;
			align-items:center;
			justify-content: center;
            /* 文本不允许选中 */
            user-select: none;
            -webkit-user-select: none;
        }
        /* 滑块 */
        #dragHandler {
            position: absolute;
            width: 50px;
            height: 100%;
            cursor: move;
        }
        /* 滑块初始背景 */
        .dragHandlerBg {
            background: #fff no-repeat center url("");
        }
        /* 验证成功时的滑块背景 */
        .dragHandlerOkBg {
            background: #fff no-repeat center url("");
        }